<template>
    <div id="map">
    </div>
</template>
  
<script setup>
import { onMounted } from 'vue'
import { useRoute, useRouter } from "vue-router";
import * as Cesium from "cesium";
import CesiumMap from './map'
import '/public/Cesium/Widgets/widgets.css'
const route = new useRoute();
const router = new useRouter();


onMounted(() => {
    let Map = new CesiumMap()
    // // 初始化地图
    Map.initMap('map', {})
    Map.setMapClickEvent()
    // let tdtLayer = new Cesium.UrlTemplateImageryProvider({
    //     url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
    //     minimumLevel: 3,
    //     maximumLevel: 18,
    // });
    // viewer.imageryLayers.addImageryProvider(tdtLayer);
    // console.log(viewer);
})
</script>
  
<style scoped lang="less">
h3 {
    margin: 40px 0 0;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    display: inline-block;
    margin: 0 10px;
}

a {
    color: #42b983;
}

#map {
    height: 100%;
    width: 100%
}

/* 隐藏底部的图标 */
::v-deep .cesium-viewer-bottom {
    display: none !important;
}
</style>
  